<template>
  <el-divider class="divider">
    <slot v-if="$slots.default"></slot>
  </el-divider>
</template>

<script>
import { Divider } from 'element-ui'

export default {
  name: 'Divider',
  props: {
    ...Divider.props
  }
}
</script>

<style lang="scss" scoped>
.divider.el-divider {
  background-color: #f0f0f0;
  ::v-deep & > .el-divider__text {
    padding: 0 16px;
  }
}
</style>
